<template>
	<view class="bloodSugar">
		<u-picker v-model="dateShow" mode="time" :start="start" :end="end" :default-time="defaultTime" @confirm="confirm"  :params="params"></u-picker>
		<u-picker v-model="cxTimeShow" mode="time" :params="cxTimeparams" @confirm="cxTimeConfirm"></u-picker>
		
		<u-picker v-model="startShow" mode="time" :start="start" :end="end"  @confirm="startconfirm"  :params="params"></u-picker>
		<u-picker v-model="endShow" mode="time" :start="start" :end="end"  @confirm="endconfirm"  :params="params"></u-picker>
	
	        <view class="remember_time">
	            <view class="time" v-if="id != 7">记录时间</view>
	            <view class="time" v-if="id == 7">运动时间</view>
	            <view class="import" @click="[ maxDate2 = new Date() , currentDate2 = new Date(form.singDate) , dateShow = true]">
	                <input type="text" placeholder="请输入时间" v-model="form.singDate" disabled>
	                <image src="../../../static/img/monitor/dailyMonitoring/remember.png" alt="">

	            </view>
	        </view>
	
	        <!-- 身高体重 -->
	        <view class="blood_glucose_level" v-if="id == 1">
	            <view class="blood_glucoseValue">体重（千克）KG<span></span></view>
	            <view class="import"><input type="number" v-model="weight"  placeholder="请输入体重"></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 1">
	            <view class="blood_glucoseValue">身高（厘米）CM<span></span></view>
	            <view class="import"><input type="number" v-model="height" placeholder="请输入身高"></view>
	        </view>
	
	        <!-- 血压 -->
	        <view class="blood_glucose_level" v-if="id == 2">
	            <view class="blood_glucoseValue">收缩压（高压  毫米汞柱）mmHg<span></span></view>
	            <view class="import"><input type="number" v-model="systolicpressure" placeholder="请输入收缩压"></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 2">
	            <view class="blood_glucoseValue">舒张压（低压  毫米汞柱）mmHg<span></span></view>
	            <view class="import"><input type="number" v-model="diastolicpressure" placeholder="请输入舒张压"></view>
	        </view>
	
	        <!-- 记血糖 -->
	        <view class="blood_glucose_level" v-if="id == 3">
	            <view class="blood_glucoseValue">血糖值（毫摩尔/升）mmol/L<span></span></view>
	            <view class="import"><input type="text" v-model="bloodglucose" placeholder="请输入血糖值"></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 3">
	            <view class="blood_glucoseValue">测量时段<span></span></view>
	            <view class="import"><input type="text" v-model="bloodtime" placeholder="请选择测量时段" @click="popUp('bloodtimeArr')" disabled></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 3">
	            <view class="blood_glucoseValue">用药情况<span></span></view>
	            <view class="import">
	                <input type="text" @click="popUp('bloodmedicationArr')"  v-model="bloodmedication" placeholder="请选择用药情况" disabled>
	            </view>
	        </view>
	
	
	        <!-- 记尿酸 -->
	        <view class="blood_glucose_level" v-if="id == 4">
	            <view class="blood_glucoseValue">尿酸值（微摩尔/升）μmol/L<span></span></view>
	            <view class="import"><input type="text" v-model="uric" placeholder="请输入尿酸值"></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 4">
	            <view class="blood_glucoseValue">用药情况<span></span></view>
	            <view class="import"><input type="text" @click="popUp('nsArr')" v-model="uricmedication" placeholder="请选择用药情况" disabled></view>
	        </view>
	
	        <!-- 记心率 -->
	        <view class="blood_glucose_level" v-if="id == 5">
	            <view class="blood_glucoseValue">心率（次/分钟）<span></span></view>
	            <view class="import"><input type="number" v-model="heartrate" placeholder="请输入心率"></view>
	        </view>
	
	        <!-- 记睡眠 -->
	        <view class="blood_glucose_level" v-if="id == 6">
	            <view class="blood_glucoseValue">开始时间<span></span></view>
	            <view class="import"><input type="text" v-model="sleepStart" @click="startShow=true" placeholder="请选择开始时间" disabled></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 6">
	            <view class="blood_glucoseValue">结束时间<span></span></view>
	            <view class="import"><input type="text" v-model="sleepEnd"  @click="endTime" placeholder="请选择结束时间" disabled></view>
	        </view>
	
	        <!-- 记运动 -->
	        <view class="blood_glucose_level" v-if="id == 7">
	            <view class="blood_glucoseValue">运动类型<span></span></view>
	            <view class="import"><input type="text" @click="popUp('motionArr')" v-model="motion" placeholder="请选择运动类型" disabled></view>
	        </view>
	        <view class="blood_glucose_level" v-if="id == 7">
	            <view class="blood_glucoseValue">持续时间<span></span></view>
	            <view class="import">
					<input type="text" @click="cxTimeShow = true" v-model="motionTime" placeholder="请选择持续时间" disabled>
				</view>
	        </view>
	
	        <view class="submit" @click="submit">保存</view>
			
			<!-- 下拉框 -->
			<u-select v-model="dropDownshow" @confirm="dropDownconfirm" :list="defaultArr"></u-select>
	    </view>
</template>

<script src="@/static/js/monitor/dailyMonitoring/record"></script>

<style lang="scss" scoped>
	.bloodSugar {
		width: 750upx;
		min-height: calc(100vh - 44px);
		background-color: #FFFFFF;
		padding: 0 24upx;
		box-sizing: border-box;
	}
	.remember_time {
		margin-top: 12upx;
		padding-top: 68upx;
		box-sizing: border-box;
	}
	.remember_time .time {
		color: #000000;
		font-size: 28upx;
		margin-left: 26upx;
	}
	.remember_time .import,
	.blood_glucose_level .import{
		display: flex;
		align-items: center;
		margin-top: 33upx;
		padding-bottom: 18upx;
		border-bottom: 1upx solid #CCCCCC;
	}

	.remember_time .import input {
		flex: 1;
		margin-left:26upx;
		color: #333333;
		font-size: 32upx;
	}

	.remember_time .import image {
		width: 30upx;
		height: 30upx;
	}

	.blood_glucose_level {
		padding-top: 50upx;
		box-sizing: border-box;
	}
	.blood_glucoseValue {
		color: #000000;
		font-size: 28upx;
		margin-left: 26upx;
	}


	.blood_glucose_level .import input {
		margin: 0 24upx 0 26upx;
		outline: none;
		border: none;
		width: 94%;
		font-size: 4.2vw;
		appearance:none;
	}
	.submit {
		width: 513upx;
		height: 70upx;
		background: #38CB97;
		border-radius: 35upx;
		margin:229upx auto ;
		color: #FFFFFF;
		font-size: 30upx;
		border: none;
		text-align: center;
		line-height: 70upx;
	}
</style>
